import axios from 'axios'
import auth from './token'
import router from '@/router'
import { Message } from 'element-ui'
const instance = axios.create({
  baseURL: 'http://geek.itheima.net/',
  timeout: 20 * 1000
})
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 添加token
  const token = auth.getToken()
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  // 在发送请求之前做些什么
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})
// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 看控制台报错信息判断状态码范围
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  if (error.status === 401) {
    // 删除token
    auth.delToken()
    // 跳转到登录页面 注意：$router只能在组件中使用 js文件需要导入
    router.push('/login')
    // 提示用户
    Message.error('登录信息失效，请重新登录')
  }
  return Promise.reject(error)
})
export default instance
